﻿@{Layout = null;}
@using XinYue.Permission.Mode
@{
    Function function = new Function();
    if (ViewBag.ID != null)
    {
        function = ViewBag.ID as Function;
    }
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="renderer" content="webkit|ie-comp|ie-stand" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link href="~/assets/css/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="~/Content/style.css" />
    <link href="~/assets/css/codemirror.css" rel="stylesheet" />
    <link rel="stylesheet" href="~/assets/css/ace.min.css" />
    <link rel="stylesheet" href="~/font/css/font-awesome.min.css" />
    <link rel="stylesheet" href="~/layui/css/layui.css" />
    <!--[if lte IE 8]>
      <link rel="stylesheet" href="~/assets/css/ace-ie.min.css" />
    <![endif]-->
    <script src="~/Scripts/jquery-1.9.1.min.js"></script>
    <script src="~/layui/layui.js" type="text/javascript"></script>
    <script src="~/assets/js/bootstrap.min.js"></script>
    <script src="~/assets/js/typeahead-bs2.min.js"></script>
    <script src="~/assets/js/jquery.dataTables.min.js"></script>
    <script src="~/assets/js/jquery.dataTables.bootstrap.js"></script>
    <script src="~/assets/layer/layer.js" type="text/javascript"></script>
    <script src="~/assets/laydate/laydate.js" type="text/javascript"></script>
    <title>管理权限</title>
</head>

<body>
    <div class="margin clearfix">
        <a href="#" id="Competence_add" class="btn btn-warning" title="添加功能"><i class="fa fa-plus"></i> 添加功能</a>
        <div class="compete_list">
            <table class="layui-hide" id="test" lay-filter="demo"></table>
            <script id="barDemo" type="text/html">
                <a class="layui-btn layui-btn-xs" id="Competence_update" lay-event="edit">编辑</a>
                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
            </script>
        </div>

    </div>

    <!--添加权限样式-->
    <div id="Competence_add_style" style="display:none">
        @*隐藏域*@
        <input type="hidden" id="ID" value="@function.Id" />
        <div class="Competence_add_style">
            <div class="form-group">
                <br />
                <lael class="col-sm-2 control-label no-padding-right" for="form-field-1">所属分类</lael>
                <div class="col-sm-9">
                    <span>
                        <select class="col-xs-10 col-sm-5" id="MenuId">
                            @foreach (var i in ViewBag.list)
                            {
                                <option value="@i.Id">@i.Name</option>
                            }
                        </select>
                    </span>
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 功能名称 </label>
                <div class="col-sm-9"><input type="text" id="Name" placeholder="" name="功能名称" class="col-xs-10 col-sm-5" /></div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 控制器名称 </label>
                <div class="col-sm-9"><input type="text" id="ControllerName" placeholder="" name="控制器名称" class="col-xs-10 col-sm-5" /></div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 方法名称 </label>
                <div class="col-sm-9"><input type="text" id="ActionName" placeholder="" name="方法名称" class="col-xs-10 col-sm-5" /></div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 功能编码 </label>
                <div class="col-sm-9"><input type="text" id="FunctionCode" placeholder="" name="功能编码" class="col-xs-10 col-sm-5" /></div>
            </div>
            <div class="form-group">
                <label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 备注 </label>
                <div class="col-sm-9"><textarea name="权限说明" class="form-control" id="Remark" placeholder="" onkeyup="checkLength(this);"></textarea><span class="wordage">剩余字数：<span id="sy" style="color:Red;">200</span>字</span></div>
            </div>
        </div>
    </div>
</body>
</html>
<script>
    layui.use('table', function () {
        var table = layui.table;
        table.render({
            elem: '#test'
            , url: '/Function/GetListFumctionInfo/'
            , cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            , cols: [[
                { type: 'checkbox' }
                , { field: 'Id', width: 160, align: 'center', title: 'ID', sort: true }
                , { field: 'MenuId', width: 100, align: 'center', title: '菜单ID' }
                , { field: 'Name', width: 331, align: 'center', title: '功能名称', sort: true }
                , { field: 'ControllerName', width: 331, align: 'center', title: '控制器名称' }
                , { field: 'ActionName', width: 100, align: 'center', title: '方法名称' }
                , { field: 'FunctionCode', width: 100, align: 'center', title: '功能编码' }
                , { field: 'Remark', width: 100, align: 'center', title: '备注' }
                , { fixed: 'right', width: 195, title: '操作', align: 'center', toolbar: '#barDemo' }
            ]]
            , page: true
            , id: 'testReload'
        });

        //监听工具条
        table.on('tool(demo)', function (obj) {
            var data = obj.data;
            if (obj.event === 'del') {
                $.ajax({
                    url: "/Function/FumonInfoRelation",
                    data: data,
                    type: "post",
                    success: function (result) {
                        if (result.Success) {
                            layer.msg("有关联不能删", { icon: 0, time: 1000 }, function () {
                            });
                        }
                        else {
                            $.ajax({
                                url: "/Function/DelFumctionInfo",
                                data: data,
                                type: "post",
                                success: function (result) {
                                    if (result.Success) {
                                        layer.msg("删除成功", { icon: 1, time: 1000 }, function () {
                                            location.reload();//刷新页面
                                        });
                                    }
                                    else {
                                        layer.msg("删除失败", { icon: 0, time: 3000 });
                                    }
                                }
                            })
                        }
                    }
                })

                //功能修改
            } else if (obj.event === 'edit') {
                //打开前赋值
                $("#ID").val(data.Id);
                $("#MenuId").val(data.MenuId);
                $("#Name").val(data.Name);
                $("#ControllerName").val(data.ControllerName);
                $("#ActionName").val(data.ActionName);
                $("#FunctionCode").val(data.FunctionCode);
                $("#Remark").val(data.Remark);
                layer.open({
                    type: 1,
                    title: '修改功能',
                    maxmin: true,
                    shadeClose: false,
                    area: ['800px', ''],
                    content: $('#Competence_add_style'),
                    btn: ['提交', '取消'],
                    yes: function (index, layero) {
                        var num = 0;
                        var str = "";
                        $(".col-sm-9 input[type$='text'],#form_textarea").each(function (n) {
                            if ($(this).val() == "") {

                                layer.alert(str += "" + $(this).attr("name") + "不能为空！\r\n", {
                                    title: '提示框',
                                    icon: 0,
                                });
                                num++;
                                return false;
                            }
                        });
                        if (num > 0) { return false; }
                        else {
                            //获取值
                            var data = {};
                            data.Id = $("#ID").val();
                            data.MenuId = $("#MenuId").val();
                            data.Name = $("#Name").val();
                            data.ControllerName = $("#ControllerName").val();
                            data.ActionName = $("#ActionName").val();
                            data.FunctionCode = $("#FunctionCode").val();
                            data.Remark = $("#Remark").val();
                            $.ajax({
                                //功能唯一
                                url: "/Function/GetFumonInfoOnely",
                                data: data,
                                type: "post",
                                success: function (result) {
                                    if (result.Success) {
                                        layer.msg("功能已存在", { icon: 0, time: 2500, title: "提示" });
                                    }
                                    else {
                                        //修改功能
                                        $.ajax({
                                            url: "/Function/AddFumctionInfo",
                                            data: data,
                                            type: "post",
                                            success: function (result) {
                                                if (result.Success) {
                                                    layer.msg("修改成功", { icon: 1, time: 2500, title: "提示" });
                                                    location.reload();//刷新页面
                                                }
                                                else {
                                                    layer.msg("修改失败", { icon: 0, time: 2500, title: "提示" });
                                                }
                                            }
                                        })
                                    }
                                }
                            })
                        }
                    }
                });
            }
        });
    });
</script>
<script type="text/javascript">
    var sel = document.getElementById("MenuId");
    sel.selectedIndex = @function.Id;
    /*添加权限*/
    $('#Competence_add').on('click', function () {
        Empty();
        layer.open({
            type: 1,
            title: '添加功能',
            maxmin: true,
            shadeClose: false,
            area: ['800px', ''],
            content: $('#Competence_add_style'),
            btn: ['提交', '取消'],
            yes: function (index, layero) {
                var num = 0;
                var str = "";
                $(".col-sm-9 input[type$='text'],#form_textarea").each(function (n) {
                    if ($(this).val() == "") {

                        layer.alert(str += "" + $(this).attr("name") + "不能为空！\r\n", {
                            title: '提示框',
                            icon: 0,
                        });
                        num++;
                        return false;
                    }
                });
                if (num > 0) { return false; }
                else {
                    var data = {};
                    data.MenuId = $("#MenuId").val();
                    data.Name = $("#Name").val();
                    data.ControllerName = $("#ControllerName").val();
                    data.ActionName = $("#ActionName").val();
                    data.FunctionCode = $("#FunctionCode").val();
                    data.Remark = $("#Remark").val();
                    $.ajax({
                        //功能唯一
                        url: "/Function/GetFumonInfoOnely",
                        data: data,
                        type: "post",
                        success: function (result) {
                            if (result.Success) {
                                layer.msg("功能已存在", { icon: 0, time: 2500, title: "提示" });
                            }
                            else {
                                //添加功能
                                $.ajax({
                                    url: "/Function/AddFumctionInfo",
                                    data: data,
                                    type: "post",
                                    success: function (result) {
                                        if (result.Success) {
                                            layer.msg("添加成功", { icon: 1, time: 2500, title: "提示" });
                                            location.reload();//刷新页面
                                        }
                                        else {
                                            layer.msg("添加失败", { icon: 0, time: 2500, title: "提示" });
                                        }
                                    }
                                })
                            }
                        }
                    })
                }
            }
        });
    });
    /*权限-删除*/
    function Competence_del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            $(obj).parents("tr").remove();
            layer.msg('已删除!', { icon: 1, time: 1000 });
        });
    }
    /*修改权限*/
    function Competence_modify(id) {
        window.location.href = "Competence.html?=" + id;
    };
    /*字数限制*/
    function checkLength(which) {
        var maxChars = 200; //
        if (which.value.length > maxChars) {
            layer.open({
                icon: 2,
                title: '提示框',
                content: '您出入的字数超多限制!',
            });
            // 超过限制的字数了就将 文本框中的内容按规定的字数 截取
            which.value = which.value.substring(0, maxChars);
            return false;
        } else {
            var curr = maxChars - which.value.length; //250 减去 当前输入的
            document.getElementById("sy").innerHTML = curr.toString();
            return true;
        }
    };
    //面包屑返回值
    var index = parent.layer.getFrameIndex(window.name);
    parent.layer.iframeAuto(index);
    $('.Order_form ,#Competence_add').on('click', function () {
        var cname = $(this).attr("title");
        var cnames = parent.$('.Current_page').html();
        var herf = parent.$("#iframe").attr("src");
        parent.$('#parentIframe span').html(cname);
        parent.$('#parentIframe').css("display", "inline-block");
        parent.$('.Current_page').attr("name", herf).css({ "color": "#4c8fbd", "cursor": "pointer" });
        //parent.$('.Current_page').html("<a href='javascript:void(0)' name="+herf+">" + cnames + "</a>");
        parent.layer.close(index);

    });

    //清空
    function Empty() {
        $("#ID").val("");
        $("#MenuId").val("");
        $("#Name").val("");
        $("#ControllerName").val("");
        $("#ActionName").val("");
        $("#FunctionCode").val("");
        $("#Remark").val("");
    }
</script>